<template>
	<div>
		<div v-if="dialogVisible">
			<el-dialog title="信息确认并提交" :visible.sync="dialogVisible" width="700px">
				<div>
					<div v-for="(item, i) in systemGuifanFilesProcessList" :key="i">
						<div class="mb20">
							<b>
								管理信息
								<span v-if="systemGuifanFilesProcessList.length > 1">({{ index + 1 }})</span>
							</b>
						</div>
						<procss-work :item="item"></procss-work>
						<preview-file :detail="item"></preview-file>
					</div>
					<preview-process-record :guifanFilesProcessRecordList="guifanFilesProcessRecordList"></preview-process-record>

					<div class="pub_center"><el-button size="small" type="primary" @click.once="close()">提交</el-button></div>
				</div>
			</el-dialog>
		</div>
	</div>
</template>
<script>
import procssWork from './procss-work.vue';
export default {
	props: {
		type: String,
		guifanFilesProcessRecordList: [],
		systemGuifanFilesProcessList: []
	},
	components: {
		procssWork
	},
	data() {
		return {
			dialogVisible: false
		};
	},
	methods: {
		init() {
			this.dialogVisible = true;
		},
		close() {
			this.$emit('close');
		}
	}
};
</script>

<style scoped="scoped">
.table1 {
	margin-bottom: 20px;
}

table {
	width: 660px;
}
</style>
